開發 Android 畫面有兩種常用方法:
專案根目錄/app/src/main/res/layout/activity_main.xml
的 XML Layout 檔案(如下圖黃框處)。activity_main.xml
activity_main.xml
為 Android App 專案預設的 Layout 檔案
activity_main.xml
即對應 MainActivity
名稱。<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
目前畫面上的兩個元件:
此處Layout元件屬性用途說明:
屬性 | 說明 |
---|---|
xmlns:android="http://schemas.android.com/apk/res/android" |
命名空間:資源URL |
android:layout_width / android:layout_height |
元件寬度 / 元件高度,兩者為必要屬性;其值通常為match_parent (填滿至上層元件)或 wrap_content (依照內容物件的大小而改變) |
android:text |
顯示文字 |
app:layout_constraintTop_toTopOf="parent" |
ConstraintLayout的垂直控制屬性:元件頂部對齊至 parent 元件頂部 |
app:layout_constraintBottom_toBottomOf |
ConstraintLayout的垂直控制屬性:元件底部對齊至 parent 元件底部 |
app:layout_constraintStart_toStartOf="parent" |
ConstraintLayout的水平控制屬性:元件左側對齊至 parent 元件左側 |
app:layout_constraintEnd_toEndOf="parent" |
ConstraintLayout的水平控制屬性:元件右側對齊至 parent 元件右側 |
於 MainActivity.kt
的 onCreate(...)
function 內以 setContentView(Layout資源名稱)
載入。
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main) // 載入 'activity_main.xml' Layout資源
}
}